"use client";

import { createPlatePlugin } from "platejs/react";

import { FloatingToolbar } from "@/components/plate/ui/floating-toolbar";
import { FloatingToolbarButtons } from "@/components/plate/ui/floating-toolbar-buttons";

export const FloatingToolbarKit = [
  createPlatePlugin({
    key: "floating-toolbar",
    render: {
      afterEditable: () =&gt; (
        &lt;FloatingToolbar&gt;
          &lt;FloatingToolbarButtons /&gt;
        &lt;/FloatingToolbar&gt;
      ),
    },
  }),
];
